{% extends "base.html" %}

{% block body %}
<script>
	$(document).ready(function(){
		reSizeLoginBox();
	});

	$(window).resize(function(){
		reSizeLoginBox();
	});
	function reSizeLoginBox(){
		if( $(document.body).width() <=400 ){
			$("#login_box").css("margin:10px;");
		}else{
			$("#login_box").css("margin:200px auto auto ;");	
		}
	}
	</script>
<table width=100% border=0 height=100% >
		<tr>
			<td  align="center" valign="middle">
<div id="login_box" class="loginbox">
    <br/>
    <br/>
    <br/>
      <form action="" method="post">  
          {{error}}
           <p> USERNAME:<input type="text" name="username"> <br/>
                PASSWORD:<input type="password" name="password"> <br/>
 {% csrf_token %}
       <div> <input style="width:100px;" type="submit" value="登录"> </div>
   </form>
</div>
{% endblock %}
</td>
</tr></table>
